<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>Title</title>
</head>
<body>
<!--templates/ 目录下的资源不可以通过URL来直接访问，要经过servlet渲染好了之后才可以显示给用户-->
<!--使用thymeleaf 引入xmlns:th="http://www.w3.org/1999/xhtml" 作为约束，敲代码有提示-->
<hr/>
<!--th:text 用于在页面中输出值-->
<span th:text="可以直接这样输出文本">原标签中的内容会被替换掉</span>
<hr/>
<span th:text="${message}"></span>
<hr/>
<!--th:value 仅使用于<input value="">-->
<input th:value="${message}">
<hr/>
<h3>内置对象的使用</h3>
<!--1.内置对象大多以s结尾，比如strings,numbers,dates
    2.内置对象需要使用#来引用
-->
<span th:text="${#strings.isEmpty(message)}"></span><hr/>
<!--是否包含该字符串（注意是三单）-->
<span th:text="${#strings.contains(message,'hello')}"></span><hr/>
<!--也是三单-->
<span th:text="${#strings.startsWith(message,'Hello')}"></span><hr/>
<!--三单-->
<span th:text="${#strings.endsWith(message,'leaf')}"></span><hr/>
<!--长度-->
<span th:text="${#strings.length(message)}"></span><hr/>
<!--返回下标-->
<span th:text="${#strings.indexOf(message,'Th')}"></span><hr/>
<!--截取子字符串(从指定位置（6）到结束)，没有找到就返回-1-->
<span th:text="${#strings.substring(message,6)}"></span><hr/>
<!--截取子字符串（指定区间）-->
<span th:text="${#strings.substring(message,6,10)}"></span><hr/>
<!--转大写-->
<span th:text="${#strings.toUpperCase(message)}"></span>
<!--转小写-->
<span th:text="${#strings.toLowerCase(message)}"></span>
<h1>thymeleaf实现if条件判断，这里有两种写法</h1>
<span th:if="${info } == 'success'" >
    成功了
</span>
<span th:if="${info == 'fail'} ">
    失败了
</span>
<hr/>
<h1>switch 条件判断</h1>
<!--Thymeleaf中的 == 匹配，数据类型最终都会被转为字符串-->
<div th:switch="${userId}">
    <span th:case="1">第一位员工</span>
    <span th:case="2">第二个员工</span>
    <span th:case="3">你是员工3</span>
<!--    Thymeleaf中的switch没有default，用 th:case="*"来代替-->
    <span th:case="*">默认员工</span>
</div>
<h1>Thymeleaf 迭代器，用于迭代集合,Set</h1>
<table>
    <tr>
        <th>用户id</th>
        <th>用户名</th>
        <th>年龄</th>
    </tr>
<!--   语法类似加强for循环-->
    <tr th:each="user : ${userList}">
        <td th:text="${user.userId}"></td>
        <td th:text="${user.userName}"></td>
        <td th:text="${user.age}"></td>
    </tr>
</table><br/>
<h1>迭代器+状态变量</h1>
<table cellpadding="5">
    <tr>
        <th>用户id</th>
        <th>用户名</th>
        <th>年龄</th>
        <th>index（索引，从0开始）</th>
        <th>count（第几个，从1开始）</th>
        <th>odd 是否为偶</th>
        <th>even 是否为奇</th>
        <th>first 是否为第一个</th>
        <th>last 是否为最后一个</th>
        <th>size 总共有几个</th>
    </tr>
    <!--   语法类似加强for循环，但是第一个变量是从list中取出的实体类(user)

            第二个变量 (suibian)是 状态变量

            中间用, 隔开
    -->
    <tr th:each="user,suibian : ${userList}">
        <td th:text="${user.userId}"></td>
        <td th:text="${user.userName}"></td>
        <td th:text="${user.age}"></td>

        <td th:text="${suibian.index}"></td>

        <td th:text="${suibian.count}"></td>
        <td th:text="${suibian.odd}"></td>
        <td th:text="${suibian.even}"></td>
        <td th:text="${suibian.first}"></td>
        <td th:text="${suibian.last}"></td>
        <td th:text="${suibian.size}"></td>
    </tr>
</table>
</body>
</html>